/*
Explicitly define a Segoe UI font-family so that we can assign Segoe UI 
Semilight to an appropriate font-weight.
*/
@font-face {
    font-family: "Segoe UI";
    font-weight: 200;
    src: local("Segoe UI Light"), url('./fonts/Segoe UI Light.ttf');
}
@font-face {
    font-family: "Segoe UI";
    font-weight: 300;
    src: local("Segoe UI Semilight"), url('./fonts/Segoe UI Semilight.ttf');
}
@font-face {
    font-family: "Segoe UI";
    font-weight: 400;
    src: local("Segoe UI"), url('./fonts/Segoe UI.ttf');
}
@font-face {
    font-family: "Segoe UI";
    font-weight: 600;
    src: local("Segoe UI Semibold"), url('./fonts/Segoe UI Semibold.ttf');
}
@font-face {
    font-family: "Segoe UI";
    font-weight: 700;
    src: local("Segoe UI Bold"), url('./fonts/Segoe UI Bold.ttf');
}
@font-face {
    font-family: "Segoe UI";
    font-style: italic;
    font-weight: 400;
    src: local("Segoe UI Semilight Italic"), url('./fonts/Segoe UI Semilight Italic.ttf');
}
@font-face {
    font-family: "Segoe UI";
    font-style: italic;
    font-weight: 400;
    src: local("Segoe UI Italic"), url('./fonts/Segoe UI Italic.ttf');
}
@font-face {
    font-family: "Segoe UI";
    font-style: italic;
    font-weight: 400;
    src: local("Segoe UI Semibold Italic"), url('./fonts/Segoe UI Semibold Italic.ttf');
}
@font-face {
    font-family: "Segoe UI";
    font-style: italic;
    font-weight: 700;
    src: local("Segoe UI Bold Italic"), url('./fonts/Segoe UI Bold Italic.ttf');
}